import gridToolCfg from "@/app/constant/grid-tool";
import Image from "next/image";
import styles from './grid-tool.module.scss'
import {cs} from "@/app/utils/common";

export default function GridTool() {
  return (
    <div className={cs(styles['grid-tool-wrap'], 'mt-10')}>
      {gridToolCfg.map((tool, index) => {
        return (
          <a className={cs(styles['tool-item'], 'border rounded bg-orange-50', { 'border-l-0': (3 - index) % 3 !== 0 })} key={index}>
            <Image alt={tool.name} src={tool.icon} />
            <span className={'mt-2'}>{tool.name}</span>
          </a>
        )
      })}
    </div>
  )
}